<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">

</section>
<!--====== 巨幕BANNER ==========-->
<!-- SECTION: HEADER -->
<section class="c3 c3-slider" th:include="showup/ft_template::top_banner">
</section>

<!--中间条输入信息用-->
<!--====== SLIDER ENQUIRY ==========-->
<section th:include="showup/ft_template::slider_enquiry">
</section>

<section th:include="showup/ft_template::blank_section"></section>
<!--主页部分-->
<!--====== HOME HOTELS ==========-->
<section>
    <div class="rows tb-space pad-top-o pad-bot-redu">
        <div class="container-fluid">
            <!-- TITLE & DESCRIPTION -->
            <div class="spe-title" style="margin-top: 3%">
                <h2>我们有 <span>超过 1024套</span> 国内外顶级网模的资料及套图</h2>
                <div class="title-line">
                    <div class="tl-1"></div>
                    <div class="tl-2"></div>
                    <div class="tl-3"></div>
                </div>
                <p>随时同步更新，国内外各大知名网站模特最新套图毫无保留呈现在您的荧屏前，Now Enjoy It & Have Fun ！</p>
            </div>
            <div class="row">
                <!--左边栏，隐藏-->
                <div class="col-md-1" style="visibility: visible">
                </div>
                <div class="row-fluid">
                    <div class="col-md-8">
                        <!--内容在此-->
                        <!-- HOTEL GRID1 -->
                        <div class="to-ho-hotel">
                            <!-- HOTEL GRID -->
                            <div class="col-md-3" th:each="article,iterStat:${articleHome}">
                                <div class="to-ho-hotel-con">
                                    <div class="to-ho-hotel-con-1">
                                        <div class="hom-hot-av-tic" >
                                            <a href="#" style="color: white;visibility: hidden"><i
                                                    class="fa fa-heart-o"></i> <span
                                                    th:text="${article.viewcount}"></span></a>
                                            <a href="#" style="color: white"><i class="fa fa-eye"
                                                                                aria-hidden="true"></i> <span
                                                    th:text="${article.viewcount}"></span></a>
                                        </div>
                                        <img src="images/hotels/1.jpg" th:src="${article.frontcover}">
                                    </div>
                                    <div class="to-ho-hotel-con-23">
                                        <div class="to-ho-hotel-con-2">
                                            <h6 th:href="@{/article/view/} + ${article.aid}"
                                                th:text="${article.title}"></h6>
                                        </div>
                                        <div class="to-ho-hotel-con-5">
                                            <ul>
                                                <li style="width: auto;padding-left: 10%"><a href="#"><i
                                                        class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span
                                                        th:text="${article.upcount}"></span></a>
                                                </li>
                                                <li style="width: auto;padding-left: 40%"><a href="#"><i
                                                        class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span
                                                        th:text="${article.downcount}"></span></a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="to-ho-hotel-con-4">
                                            <a target="_blank"
                                               th:href="@{/article/model_details(mid=${article.modelid})} "
                                               href="booking1.html" class="link-btn hom-hot-book-btn"
                                               th:text="'模特详情'"></a>
                                            <a target="_blank" th:href="@{/article/view/} + ${article.aid}"
                                               href="hotel-details.html" class="link-btn hom-hot-view-btn">套图详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <!--分页栏-->
                        <div class="span8">
                            <nav aria-label="Page navigation" style="text-align: center;margin-right: 10%">
                                <form th:action="@{/article/home}" th:method="post" id="pagination">
                                    <ul class="pagination" >
                                        <!--前一页-->
                                        <li th:if="${pageHome.hasPreviousPage==true}">
                                            <a th:href="@{/article/home(pageNum=${pageHome.prePage})}"
                                               href="rarbginfo.html" aria-label="Previous">
                                                <span aria-hidden="true">«</span>
                                            </a>
                                        </li>
                                        <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                                        <!--这里循环的是一个数组-->
                                        <li th:each="pageNumber,iterStat:${pageHome.navigatepageNums}">
                                            <a href="rarbginfo.html" th:href="@{/article/home(pageNum=${pageNumber})}"
                                               th:text="${pageNumber}">view</a>
                                        </li>
                                        <!--后一页-->
                                        <li th:if="${pageHome.hasNextPage==true}">
                                            <a th:href="@{/article/home(pageNum=${pageHome.nextPage})}"
                                               href="rarbginfo.html" aria-label="Next">
                                                <span aria-hidden="true">»</span>
                                            </a>
                                        </li>
                                        <li >
                                            <span>第<span th:text="${pageHome.pageNum}"></span><span>页</span></span>
                                        </li>
                                        <li >
                                            <span>共<span th:text="${pageHome.pages}"></span><span>页</span></span>
                                        </li>
                                    </ul>
                                </form>
                            </nav>
                        </div>
                    </div>

                </div>
                <!--右边栏-->
                <div class="row" id="sidebar" th:include="showup/ft_template::right_sidebar">
                </div>

            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<section th:include="showup/ft_template::ft_sideicon">
</section>

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>


